<%@ include file="/WEB-INF/views/common/includes.jsp"%>
<head>


</head>
<body>
	<section class="panel">
		<c:url var="thisURL" value="publicProfile">
		</c:url>
		<div class="panel-body">
			<header class="panel-heading ">
				<div class="row">
					<div class="col-sm-6">
						<div class="row">
							<div class="font-bold" style="font-size: 20px; margin-left: 10px">${ingredientName}

							</div>
						</div>
					</div>
				</div>
			</header>
			<div class="panel-body">
				<div class="row"
					style="border: 1px solid gainsboro; border-radius: 10px; margin-top: 15px; margin-bottom: 15px; padding: 30px">
					<div class="row" style="margin-bottom: 15px">
						<div class="col-lg-6">
							<span class="text-muted"><span class="text-bold"
								style="font-weight: 900">Carbs:</span> <br> <c:out
									value="${carbs}" /></span>
						</div>
						<div class="col-lg-6">
							<span class="text-muted"><span class="text-bold"
								style="font-weight: 900">Calorie:</span> <br> <c:out
									value="${calory}" /></span>

						</div>
					</div>
					<div class="row" style="margin-bottom: 15px">
						<div class="col-lg-6">
							<span class="text-muted"><span class="text-bold"
								style="font-weight: 900; height: 50px">Protein:</span> <br>
								<c:out value="${protein}" /></span>

						</div>
						<div class="col-lg-6">
							<span class="text-muted"><span class="text-bold"
								style="font-weight: 900; height: 50px">Fat:</span> <br> <c:out
									value="${fat}" /></span>

						</div>
					</div>
				</div>
				<div class="row"
					style="padding: 30px; border: 1px solid gainsboro; border-radius: 10px; margin-top: 15px; margin-bottom: 15px; height: 150px">
					<span class="text-muted"><span class="text-bold"
						style="font-weight: 900;">Description:</span> <br> <c:out
							value="${ingredientDescription}" /></span>

				</div>
			</div>
		</div>
	</section>
</body>